@wingding12 is attempting to deploy a commit to the Sim Team on Vercel.

A member of the Team first needs to authorize it.

Greptile Summary

This PR introduces a defensive utility function safelyRenderValue to prevent React error #31 when rendering non-string values. The function was applied to three UI components (notifications, queued messages, and todo list) that previously attempted to render values directly without type checking.

Changes:

• Added safelyRenderValue utility in formatting.ts that safely converts any value to a string
• Applied the utility to notification.message, msg.content, and todo.content in their respective components
• The function handles primitives, objects (via JSON.stringify), and edge cases (null/undefined, circular references)

Observations:

• The type definitions (Notification, QueuedMessage, TodoItem) already declare these fields as string, so this is a runtime safety fix for cases where the type system is bypassed
• While the fix prevents crashes, JSON-stringified objects like {"text":"hello","type":"text"} may not provide the best user experience
• Consider extracting the text property from structured outputs instead of displaying raw JSON

Confidence Score: 4/5

• This PR is safe to merge with minimal risk - it adds defensive runtime checks without altering existing logic
• The change is a straightforward defensive fix that prevents crashes. The implementation is correct and won't break existing functionality. Score is 4 instead of 5 due to a potential UX improvement opportunity (displaying {text: "foo"} as "foo" rather than JSON)
• No files require special attention - all changes are straightforward defensive wrappers

Important Files Changed

Sequence Diagram

sequenceDiagram
    participant WF as Workflow/Node Output
    participant Store as Store (notifications/copilot)
    participant Component as UI Component
    participant Util as safelyRenderValue()
    participant React as React Renderer

    Note over WF,React: Before PR (causes crash)
    WF->>Store: output = {text: "hello", type: "text"}
    Store->>Component: notification.message = object
    Component->>React: render object directly
    React-->>Component: ❌ Error #31: Objects are not valid as React child

    Note over WF,React: After PR (safe rendering)
    WF->>Store: output = {text: "hello", type: "text"}
    Store->>Component: notification.message = object
    Component->>Util: safelyRenderValue(object)
    Util->>Util: JSON.stringify(object)
    Util-->>Component: '{"text":"hello","type":"text"}'
    Component->>React: render string
    React-->>Component: ✅ Renders successfully

sorry for the messy commits, i had a gpg and email mismatch i've been racking my head to fix. hope they can be squashed cleanly!